草庐IT

gulp + mockjs模拟前端数据

全部标签

javascript - 在 React JS 中序列化 <form> 数据提交 POST 请求

我有一个非常基本的评论表单,它接受用户的一些文本输入并通过AJAX发送POST请求以创建新评论。varCommentForm=React.createClass({propTypes:{//...//...},handleFormSubmit:function(e){e.preventDefault();varcomponent=this;return$.ajax({type:"POST",url:this.props.someURL,data://????-Needtofigureouthowtoserializedatahere,dataType:"json",contentTyp

javascript - 在自定义事件上使用 enzyme 模拟?

可以在自定义事件上使用Enzyme的方法.simulate()。例如://Code//Testconstelement=shallow();element.simulate('foo');这是应该使用Enzyme测试自定义事件的方式,还是使用s.th.的更好方法?喜欢://Testconstelement=shallow();element.props.onFoo() 最佳答案 似乎没有实现自定义事件的.simulate()。有一个issue在github上,讨论了这个主题,其中一位Enzyme维护者建议使用您提供的第二种方法:wr

javascript - 我如何编写一个简单调用函数的 Gulp 任务

我正在努力创建一个Gulp任务,它除了调用自定义函数外什么都不做。不,我没有源文件,不,我没有目标文件。我只想在独立任务中调用自定义函数,这样我就可以根据它执行其他任务。为了我的爱,我已经检查了Google和SO,但找不到示例。我最接近的是这个varthrough=require('through2');gulp.task('my-custom-task',function(){returnthrough.obj(functionwrite(chunk,enc,callback){//hereiswherethecustomfunctioniscalledmyCustomFunctio

javascript - 如何在 ListView React-native 中过滤数据?

我正在尝试过滤我的数组对象列表,然后尝试使用新数据源在ListView中显示。但是,该列表未被过滤。我知道我的过滤器功能正常工作。(我在console.log里查过了)我正在使用Redux将我的状态映射到prop。然后尝试过滤Prop。这是错误的方法吗?这是我的代码:/*globalfetch:false*/import_from'lodash';importReact,{Component}from'react';import{ListView,TextasNText}from'react-native';import{connect}from'react-redux';import

javascript - 动态更改后获取数据属性

我有一个简单的设置,在元素上附加了一个属性“data-id”:如果我调用alert($(.row).data(id));我会得到我的id1。接下来,我手动或通过另一个脚本将此ID更改为2:现在如果我调用alert($(.row).data(id));我仍然会得到1而不是2。但是,如果我将方法.data()更改为attr('data-id'),结果将是2。这种行为的原因是什么? 最佳答案 原因是因为jQuery将所有data属性键/值对存储在一个对象中,与DOM分开。data()方法从这个对象中读取数据。当您使用attr()更新dat

javascript - 安装vuejs后在数据对象中设置地理位置

我对VueJS场景还比较陌生。最近我正在尝试进行我的副项目,该项目需要在安装主要组件后立即获取用户的地理位置数据。我的代码在这里,varapp=newVue({el:'#app',data:{position:null},mounted:function(){if(navigator.geolocation){navigator.geolocation.getCurrentPosition(function(position){this.position=position.coords;})}}});我想在安装后将数据对象中的position设置为当前地理位置,但不幸的是它不起作用。有

javascript - 如何将输入字段数据从模态传递到 react-Native 中的容器?

这是我正在使用的:{}}>在容器中我不知道如何将数据从模态传递到父组件。任何类型的教程或链接都可以。提前致谢。 最佳答案 让我们假设您的模态框在/components/MyModal中单独归档以概括事物。您可以让您的Modal调用一个函数,在每次输入文本更改时通过props传递该函数。这是您可以使用的简单回调逻辑。尽可能避免使用refs。importMyModalfrom'../components/MyModal';...classHomeextendsComponent{onInputChanged=(changedText)=

javascript - 来自服务器数据的 Vue2 路由器链接

我有一个Vue2SPA页面,它正在从服务器加载内容。客户可以在CMS中对其进行编辑。当用户添加相对链接(比如说/about-us)时,Vue应该选择它并将其视为菜单链接(已经有/about-us链接)。但是在内容中添加的/about-us链接会重新加载整个页面,因此它不会被选为vue路由。如何将路由器附加到此类链接?到目前为止,我所做的是更改后端响应中的内容。所以我本质上是在改变Text进入Text使用:functionparseVueLinks($value){$pattern="/]*)href=\\\"[^http|https|mailto|tel]([^\\\"]*)\"([^

javascript - R Shiny - 使用 javascript 回调滚动到给定的数据表行

我遇到了数据表和shiny的问题,特别是在flexdashboard中,但我认为这无关紧要。当我单击绘图中的相应点时,我想滚动到数据表中的给定行。但是,我遇到的最小问题是“简单地”滚动到任何行。我可以使用带有选项initComplete的JavaScript选择一行,但是scrollTo()不会为我做任何事情。查看之前的问题,ScrolltospecificrowinDatatableAPI,我得到了这个例子,https://codepen.io/anon/pen/KWmpjj.它展示了可以与initComplete一起使用的javascript函数,但这不是用R/Shiny制作的。具

javascript - 将嵌套的 JSON 数据转换为 HTML 表格?

我正在尝试使用javascript将此JSON数据转换为HTML表格。到目前为止,这是我的代码;但是,我对如何处理'contacts'感到困惑部分并将它们放入这样的单元格中:first_name+last_name+positionoftheCEOandCTO.我正在考虑使用company_info[i]["contacts"].forEach(function(e){}提取联系人数据,但我不确定如何将其放在单元格中。感谢任何帮助!我的代码:functionCreateTableFromJSON(){varcompany_info=[{"id":1,"company_name":"AC